<template>
    <div class="heade" v-if="this.$route.path != '/index'">
        <div class="header-cnt">
            <div class="left" @click="backFn"><div class="iconfont icon-fanhui"></div></div>
            <!-- <div id="titleH" class="center">{{this.$route.meta.title}}</div> -->
        </div>
    </div>
</template>

<script>
export default {
    name: "HeaderComponent",
    data ( ) {
        return {
        }
    },
    methods: {
        backFn ( ) {
            this.$router.go(-1)
        }
    }
}
</script>

<style lang="stylus" scoped>
.heade
    width 100%
    height 45px
    overflow hidden
    .header-cnt 
        position: fixed
        height: 45px
        line-height: 45px
        background-color: #f6f6f6
        color #0c0d0e
        width 100%
        border-bottom: 1px solid #efefef 
        text-align center
        font-size 16px
        left 0
        top 0
        z-index 50
        .left 
            width 45px 
            height 45px 
            position absolute 
            left 0 
            top 0
            font-size 14px
        .right 
            color #ff6666
            font-size 14px
            position absolute 
            right 0 
            top 0 
            width 45px 
            height 100%
            line-height 45px
</style>